@charset "utf-8";  
@import "../css/index_common.css";
@import "../css/index_init.css";

section{
    width: 1200px;
    margin:0 auto;
    .sy_top{
        margin-top:22px;
        .sy_top_right{
            display:inline-block;
            width: 580px;
            margin-left:24px;
            .sy_top_right_first{
                margin-top:9px;
                &::after{
                content: "";
                border-bottom: 1px dashed  #989897;
                width: 580px;
                height: 1px;
                display: block;
                margin-top:15px;
                }
                div a{
                    font-size:22px;
                    font-family: "微软雅黑";
                    color: #d70808;
                }
               div:hover{
                   animation-name: shake;
               }
                span{
                    font-size:14px;
                    font-family: "微软雅黑";
                    color: #989897;
                    margin-top: 23px;
                }
            }
            .sy_top_right_third{
                p a{
                    color: #4e4e4e;
                }
                p{
                    padding-top: 10px;
                    margin-left: 19px;
                }
                p::before{
                    content: "";
                    width: 4px;
                    height: 4px;
                    border-radius: 4px 4px 4px 4px;
                    display: inline-block;
                    background: #c6c6c6;
                    margin-right: 11px;
                }
                p:hover{
                    animation-name:  bounceOut;
                }
            }
                
            
        }
        .sy_top_left{
            display:inline-block;
        }
        .sy_top_left:hover{
            animation-name:shake;
        }
    }
    .tzgg{
        .tzgg_left{
            width: 600px;
            display: inline-block;
            .tzgg_left_top{
                margin-top: 20px;
                p{
                    
                    display: inline-block;
                    span{
                        color: #444444;
                    }
                }
                p a{
                   font-size: 24px;
                   font-family: "微软雅黑";
                   color: #d60000; 
                }
                p:hover{
                    animation-name:shake;
                }
                .h_l_t{
                    display: inline-block;
                    .h_l_t_red{
                        width: 4px;
                        height: 9px;
                        background: red;
                    }
                    .h_l_t_blue{
                        width: 4px;
                        height: 9px;
                        background: black;
                    }
                }
            }
        }
    }
}


//////////红蓝条///////
.h_l_t{
                    display: inline-block;
                    .h_l_t_red{
                        width: 4px;
                        height: 9px;
                        background: red;
                    }
                    .h_l_t_blue{
                        width: 4px;
                        height: 9px;
                        background: black;
                    }
                }
//////////红蓝条///////     
////////灰色点//////////     
.melon{
    &::after{
    content: "";
    border-bottom: 1px dashed  #989897;
    width: 580px;
    height: 1px;
    display: block;
    margin-top:15px;
    }
}      